<!DOCTYPE html>
<html lang="pt">
   <head>
      <meta charset="utf-8">
      <title>Popover</title>
      <link rel="stylesheet/less" type="text/css" href="../js/bootstrap/twitter-bootstrap/less/bootstrap.less">
      <link rel="stylesheet/less" type="text/css" href="../js/bootstrap/twitter-bootstrap/less/responsive.less">
   </head>
    <body>
        <div class="page-header">
            <h1>
                Teste
                <small>Popover</small>
            </h1>
        </div>
     
        <!-- Link que receberá o evento do popover ao ser clicado.-->
	    <a href="#" id="a-popover" class="btn">Abrir popover</a>
        <!-- Div oculta que será exibida dentro do popover. -->
        <div id="div-popover" class="hide">
            <p>Deseja Realmente Excluir Esse desaparecido?</p>
            <!-- Botão dentro do popover responsável por abrir o modal. -->
            <a id="btn-modal" class="btn btn-danger" href="?excluir-des?id">Excluir</a>
            <!-- Botão dentro do popover responsável por fechar o popover. -->
            <button id="btn-fechar" class="btn btn-success" data-dismiss="clickover">Cancelar</button>
        </div>​
    
    </body>
    <script src="../js/bootstrap/javascript/less-1.3.0.min.js"></script>
	<script src="../js/bootstrap/javascript/jquery-1.7.2.min.js"></script>
	<script src="../js/bootstrap/twitter-bootstrap/js/bootstrap-tooltip.js"></script>
	<script src="../js/bootstrap/twitter-bootstrap/js/bootstrap-popover.js"></script>
	<script src="../js/bootstrap/twitter-bootstrap/js/bootstrap-modal.js"></script>
	<script type="text/javascript">
	    $(document).ready(function () {

            // Associa o evento do popover ao clicar no link.
	        $('#a-popover').popover({
	            trigger: 'manual',
	            html: true,
	            title: 'Excluir Desaparecido',
	            content: $('#div-popover').html() // Adiciona o conteúdo da div oculta para dentro do popover.
	        }).click(function (e) {
	            e.preventDefault();
                // Exibe o popover.
	            $(this).popover('show');
	        });

	        $('#btn-fechar').live('click', function (e) {
	            // Oculta o popover ao clicar no botão fechar.             
	            $('#a-popover').popover('hide');
	        });

	      
	    });
	</script>
</html>